<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Chameleon</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="A small sentence describing your website's subject" />
	<meta name="keywords" content="some, keywords, separated, by, comas" />
	<meta name="Robots" content="index, follow" />
	<link href="css/styles-blue.css" rel="stylesheet" type="text/css" title="blue"/>
	<link href="css/styles-green.css" rel="stylesheet" type="text/css" title="green"/>
	<link href="css/styles-orange.css" rel="stylesheet" type="text/css" title="orange"/>
	<link href="css/styles-blue-small.css" rel="stylesheet" type="text/css" title="blue-small"/>
	<link href="css/styles-green-small.css" rel="stylesheet" type="text/css" title="green-small"/>
	<link href="css/styles-orange-small.css" rel="stylesheet" type="text/css" title="orange-small"/>
	<script type="text/javascript" src="js/style-switcher.js"></script>
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
	<link rel="shortcut icon" type="image/ico" href="img/favicon.ico" />
</head>

<body>
	<a id="top" name="top"></a>
	<div id="wrapper">
		<div id="header">
			<div class="styles">
				<a href="#" class="blue" onclick="setActiveStyleSheet('blue'); return false;">&nbsp;</a>
				<a href="#" class="green" onclick="setActiveStyleSheet('green'); return false;">&nbsp;</a>
				<a href="#" class="orange" onclick="setActiveStyleSheet('orange'); return false;">&nbsp;</a>&nbsp;
				<a href="#" class="blue-small" onclick="setActiveStyleSheet('blue-small'); return false;">&nbsp;</a>
				<a href="#" class="green-small" onclick="setActiveStyleSheet('green-small'); return false;">&nbsp;</a>
				<a href="#" class="orange-small" onclick="setActiveStyleSheet('orange-small'); return false;">&nbsp;</a>
			</div>
			<h1><a href="index.html">Chameleon</a></h1>
		</div>
		<div id="nav">
			<ul>
				<li><a class="active" href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">Sitemap</a></li>
			</ul>
			<div class="clean"></div>
		</div>
		<div id="main">
			<p>This is a very simple template, without images. Just plain valid XHTML and CSS for faster page loads. It's very easy to edit and changes are very easily made if you know basic CSS. It's free to use for personal and commercial purposes.</p>
			<blockquote>This is a &lt;blockquote&gt;. Aliquam erat volutpat. In non nisi facilisis purus porta accumsan. Praesent et purus ac felis tristique elementum. Pellentesque posuere, tellus sed rhoncus suscipit, elit felis volutpat eros, eget pretium lorem sapien ac neque. Quisque massa. Lorem <a href="#">ipsum dolor sit</a> amet, consectetuer adipiscing elit.</blockquote>
			<div class="highlight">This is a &lt;div&gt; with the class 'highlight'. Phasellus nec metus. Curabitur condimentum volutpat turpis. Ut venenatis pharetra eros. Cras quis tortor. Suspendisse potenti. Nunc ac lacus. Mauris egestas rutrum turpis. Sed blandit dignissim sapien. Phasellus at sem vel nisi fermentum dictum.</div>
			<p>Vivamus nulla dui, interdum nec, cursus scelerisque, scelerisque at, nulla. Proin sit amet nibh. Suspendisse id ante. Nam enim velit, tincidunt ac, varius at, consequat quis, pede. Morbi sagittis elit sit amet orci. Vivamus vel nunc. Maecenas ultricies cursus leo. Nullam at mi. Quisque mollis vestibulum massa. Sed purus risus, nonummy quis, hendrerit et, accumsan id, lorem.</p>
		</div>
		<div id="footer">
			Copyright &copy; Your Website. All rights reserved.<br />
			-= Design by <a href="http://www.alexandrefigueiredo.com/">avfigueiredo</a> =-
		</div>
	</div>
</body>
</html>